<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_x2zdjz6fue3cv7vi.css"/>
    <title>选择收货地址</title>
    <style>
        .button {
            height: 2.25rem !important;
            line-height: 2.25rem !important;
            font-size: 14px;
        }

        .c-box {
            height: 20px;
        }

        input[type=radio] {
            width: 18px;
            height: 18px;
            border: none;
            background: url("${staticpath}/front/dist/images/type-check.png") no-repeat;
            background-size: 18px, 18px;
            -webkit-appearance: none;
            vertical-align: top;
            margin-right: 5px;
        }

        input[type=radio]:checked {
            background: url("${staticpath}/front/dist/images/type-checked.png") no-repeat;
            background-size: 18px, 18px;
        }

        .a-edit, .a-delete {
            font-size: 12px;
        }

        .lack {
            margin-top: 80px;
        }

        .manageAddress .c-box:after {
            font-size: 12px;
        }

        .o-name {
            font-size: 16px;
            margin-right: 5px;
        }

        .manageAddress .iconfont {
            font-weight: bold;
            font-size: 14px;
        }

        .o-address {
            line-height: 30px;
        }

        .o-address:after {
            content: '';
            left: 0;
            bottom: 0;
            right: auto;
            top: auto;
            height: 1px;
            width: 100%;
            background-color: #dadada;
            display: block;
            z-index: 1;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }
    </style>
</head>
<body>
<div class="page-group manageAddress">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <button class="button button-link button-nav pull-left" style=" font-style: 14px; padding-left: 0.75rem;" id="back">
                <span class="icon icon-left"></span>
            </button>
            <h1 class="title">选择收货地址</h1>
        </header>
        <div class="content">
            <ul data-url="${basepath}/rest/front/address/toAddressEdit">
                <div class="lack">
                    <img src="${staticpath}/front/dist/images/lack_3.png" alt="" class="pic-lack">

                    <div class="text-lack">
                        亲，你还没有添加地址哦～
                    </div>
                </div>
            </ul>

        </div>
        <a  class="bar bar-footer add-new">添加新地址</a>
    </div>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
    <script src="${staticpath}/front/dist/js/address/addressList.js" type="text/javascript" charset="utf-8"></script>
    <script>
        function back() {
            window.history.go(-1);
            location.reload();
            return false;
        }
    </script>
</body>

</html>
